$(function () {
    // $('.uls>.lis').mouseenter(function() {
    //     $(this).children('ul').slideDown(2000)
    // })
    // $('.uls>.lis').mouseout(function() {
    //     $(this).children('ul').slideUp(2000)
    // })
    // 事件切换hover 鼠标经过离开的复合写法
    // $('.uls>.lis').hover(function () {
    //     $(this).children('ul').slideDown(2000)
    // }, function () {
    //     $(this).children('ul').slideUp(2000)
    // })
    // 事件切换 hover 如果里面只写一个函数 那么鼠标经过和鼠标离开都会触发这个函数
    $('.uls>.lis').hover(function () {//
        // 在让这两事件互相切换 既能达成效果 又能再次简洁了代码量
        // stop()方法必须写到动画的前面 可以避免动画排列
        $(this).children('ul').stop().slideToggle()//
    })
})